<!doctype html>
<html class="no-js">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>让租房更简单</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  
  <link rel="stylesheet" href="/addons/yuzubang_1/template/mobile/css/amazeui.min.css">
  <script src="/addons/yuzubang_1/template/mobile/js/jquery.min.js"></script>
  <script src="/addons/yuzubang_1/template/mobile/js/amazeui.min.js"></script>
  <link rel="stylesheet" href="/addons/yuzubang_1/template/mobile/css/app.css">
</head>
<body>
<!-- Header -->
<header data-am-widget="header" class="am-header am-header-default">
	  <a style='float:left; color:#fff; padding: 0 20px 0 0;' href="javascript:history.go(-1);"><i class="am-icon-chevron-left"></i></a>
	  <h1 class="am-header-title">
	    <a href="#title-link">房源详情</a>
	  </h1>
</header>

<style>
	body{background-color: #f1f1f1;}
</style>

<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}' >
		<ul class="am-slides">
			{loop $data['imgs'] $k $vo}
				<li>
       				<img src="{php echo tomedia($vo);}" width="100%" />
     			</li>
			{/loop}
		</ul>
</div>
	
<div class='detail_div'>
	<div><b>{$data['village_name']}</b></div>	
</div>

<div class='mt10 detail_div'>
	<div><b style='color:#da0000;'>{$data['rental']}/月</b>&nbsp;&nbsp;<small style='color:#666; font-size:12px;'>({php echo $data['pay_cate']==0 ? '押一付一':'押一付三'})</small></div>
	<div class='am-cf'>	
		<div class='mt10 am-fl' style='width:50%'>
			<span class='small_title'>租赁方式：</span><small>{php echo $data['rent_type']==0 ? '整套':'单间'}</small>
			<br>
			<span class='small_title'>建筑面积：</span><small>{$data['area']}平米</small>
			<br>
			<span class='small_title'>朝向：</span><small>{$data['orientations']}</small>
		</div>
		<div class='mt10 am-fl' style='width:50%'>
			<span class='small_title'>户型：</span><small>{$data['rooms']}室{$data['hall']}厅{$data['toilet']}卫</small>
			<br>
			<span class='small_title'>装修：</span><small>{$data['decoration']}</small>
		</div>
	</div>
</div>


<div class='mt10 detail_div'>
	<div><span class='small_title' style='font-size:14px;'>房源描述</span></div>	
	<div>{php echo htmlspecialchars_decode($data['detail'])}</div>
</div>

<div class='mt10 detail_div' style='margin-bottom:60px;'>
	<div><span class='small_title'>小区地址：</span><small>{$data['address']}</small></div>	
</div>


<div class="am-modal am-modal-alert" tabindex="-1" id="mz_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd"></div>
    <div class="am-modal-bd">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-popup" id="mz_popup">
  <div class="am-popup-inner">
    <div class="am-popup-hd">
      <h4 class="am-popup-title">...</h4>
      <span data-am-modal-close
            class="am-close">&times;</span>
    </div>
    <div class="am-popup-bd">
      ...
    </div>
  </div>
</div>


<script src="/addons/yuzubang_1/template/mobile/js/app.js"></script>
</body>
</html>
